// footer gubbins

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#layout {
   min-height:100%;
   position:relative;
}
#header {
}
#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
}

//main

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.green {
    color: #00cc00;
}

.red {
    color: #cc0000;
}

.amber {
    color: #cccc00;
}

.grey {
    color: #cccccc;
}

.rounded-box {
  background-color: #fff;
  border: 1px solid #000;
  margin: 4px 0px 4px;
  padding: 4px 4px 3px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

/* these are actually used - not sure about the others anymore */
.square-box {
  background-color: #fff;
  border: 1px solid #CCC;
  margin: 4px 0px 4px;
  padding: 4px 4px 3px;
  /*-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;*/
}

.lozenge {
  background-color: #fff;
  border: 1px solid #CCC;
  padding: 3px 6px;
  /*font-weight: bold;*/

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}



//all bets are off from here

//.selected {
//  font-weight: bold;
//}


html, body {
    height: 100%;
}


.success {
    background: #00cc00; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #00cc00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#00cc00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#00cc00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#00cc00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#00cc00 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#00cc00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00cc00',GradientType=0 ); /* IE6-9 */
}

.failure {
    background: #cc0000; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #cc0000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#cc0000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#cc0000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#cc0000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
}

.unknown {
    background: #cccc00; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #cccc00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccc00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#cccc00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#cccc00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#cccc00 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#cccc00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccc00',GradientType=0 ); /* IE6-9 */
}

@-webkit-keyframes 'blink' {
    50% { background: #cc0000;  color: #ffffff; }
}

.blink {
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: linear;
}

.fliptop {
  background-color: #fff;
  padding: 0px 5px;
  font-weight: bold;

  -webkit-border-radius: 4px 0px;
     -moz-border-radius: 4px 0px;
          border-radius: 4px 0px;
}

